@import "bpmn-js-properties-panel/dist/assets/element-templates.css";
@import "bpmn-js-properties-panel/dist/assets/properties-panel.css";

@import "bpmn-js-connectors-extension/dist/connectors-extension.css";
@import "@bpmn-io/element-template-chooser/dist/element-template-chooser.css";

@import "bpmn-js-bpmnlint/dist/assets/css/bpmn-js-bpmnlint.css";

@import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";

@import "bpmn-override";
@import "toolbar";
@import "designer";
@import "palette";
@import "context-pad";
@import "panel";
@import "camunda-penal";
@import "setting";
@import "contextmenu";

body,
html,
#app,
.designer-container {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  &.designer-with-bg > .main-content .designer {
    background: url('')
      repeat !important;
  }
  &.designer-with-image > .main-content .designer {
    background-repeat: no-repeat !important;
    background-image: url("/04.jpg") !important;
    background-size: cover;
  }
  .main-content {
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    .designer {
      flex: 1;
    }
  }
}
